.draw-tabs {
    .el-tabs__header {
        .el-tabs__nav {
            .el-tabs__item {
                font-size: 18px;
                color: #0b6772;
                &.is-active {
                    color: #2fd5ff;
                }
            }
        }
        .el-tabs__nav-wrap {
            &::after {
                background-color: transparent;
            }
            .el-tabs__active-bar {
                background-color: #2fd5ff;
            }
        }
    }
    .el-tab-pane {
        height: 180px;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        .el-button {
            background-color: #000;
            border: none;
        }
    }
    .el-form-item__label {
        color: #fff;
    }
    .el-form-item {
        margin-bottom: 18px;
    }
    .el-button {
        width: 37px;
        height: 37px;
        margin: 7px 40px 0 0;
        position: relative;
        .dec {
            display: none;
            position: absolute;
            top: 125%;
            left: 50%;
            color: #fff;
            transform: translate(-50%, 0);
        }
    }
    .el-button:hover .dec {
        display: block;
    }
    .point {
        background-image: url('./theme/img/draw/point.png');
    }
    .point.current {
        background-image: url('./theme/img/draw/point2.png');
    }
    .line {
        background-image: url('./theme/img/draw/line.png');
    }
    .line.current {
        background-image: url('./theme/img/draw/line2.png');
    }
    .surface {
        background-image: url('./theme/img/draw/surface.png');
    }
    .surface.current {
        background-image: url('./theme/img/draw/surface2.png');
    }
    .oval {
        background-image: url('./theme/img/draw/oval.png');
    }
    .oval.current {
        background-image: url('./theme/img/draw/oval2.png');
    }
    .rectangle {
        background-image: url('./theme/img/draw/rectangle.png');
    }
    .rectangle.current {
        background-image: url('./theme/img/draw/rectangle2.png');
    }
    .word {
        background-image: url('./theme/img/draw/word.png');
    }
    .word.current {
        background-image: url('./theme/img/draw/word2.png');
    }
    .circle {
        background-image: url('./theme/img/draw/circle.png');
    }
    .circle.current {
        background-image: url('./theme/img/draw/circle2.png');
    }
    .pointForm {
        .el-radio-button__inner {
            color: #fff;
        }
        .el-radio-button:first-child .el-radio-button__inner {
            border-left: 1px solid rgba(96, 118, 173, 0.35);
            border-radius: 2px 0 0 2px;
        }
        .el-radio-button__inner {
            background: rgba(16, 34, 67, 0.5);
            border: 1px solid rgba(96, 118, 173, 0.35);
        }
        .el-radio-button:last-child .el-radio-button__inner {
            border-radius: 0 2px 2px 0;
        }
        .el-radio-button__orig-radio:checked + .el-radio-button__inner {
            color: #fff;
            background-color: rgba(182, 125, 16, 1);
            border-color: rgba(182, 125, 16, 1);
            -webkit-box-shadow: -1px 0 0 0 rgba(182, 125, 16, 1);
            box-shadow: -1px 0 0 0 rgba(182, 125, 16, 1);
        }
        .el-input--small .el-input__inner {
            background: rgba(16, 34, 67, 0.5);
            border: 1px solid rgba(96, 118, 173, 0.35);
        }
        .el-input-number__decrease,
        .el-input-number__increase {
            width: 20px;
            background: #163066;
            border: none !important;
            color: #fff;
        }
        .el-input-number__increase {
            border-bottom: 1px solid #dcdfe682;
        }
        .pic {
            display: inline-block;
            width: 20px;
            height: 20px;
            background-size: 100% 100%;
            vertical-align: middle;
        }
        .pic1 {
            background-image: url('./theme/img/draw/circle2.png');
        }
        .pic2 {
            background-image: url('./theme/img/draw/word2.png');
        }
        .pic3 {
            background-image: url('./theme/img/draw/word2.png');
        }
        .pic4 {
            background-image: url('./theme/img/draw/word2.png');
        }
        .el-form-item__label {
            width: 96px !important;
        }
        .el-radio {
            margin-right: 13px;
        }
        .el-radio__label {
            padding-left: 3px;
        }
        .el-form-item__content {
            margin-left: 96px !important ;
        }
    }
    .lengthen {
        .el-input-number--small {
            width: 200px;
        }
    }
}
